{% import "macros.jinja" as macros -%}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="Trilarion">
  <meta name="description" content="Infos and technical information about many open source games and frameworks.">
  <title>{{ base['title'] }}</title>
  {%- for css in base['css'] %}
  <link rel="stylesheet" href="{{ base['url_to'](['css', css]) }}">
  {%- endfor %}
  <link rel="icon" type="image/svg+xml" href="{{ base['url_to'](['favicon.svg']) }}">
  {%- for js in base['js'] %}
  <script type="text/javascript" src="{{ base['url_to'](['js', js]) }}"></script>
  {%- endfor %}
<script>
  var _paq = window._paq = window._paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//www.twelvepm.de/matomo87fzuifhi94/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
</head>
<body>
                                {#- navigation bar -#}
<nav class="navbar container is-light" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item{% if 'index' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['index.html']) }}">{{ macros.render_icon({'id':'home'}) }}<span>OSGL</span></a>
    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navMenu">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>
  <div class="navbar-menu" id="navMenu">
    <div class="navbar-start">
      <a class="navbar-item{% if 'games' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'index.html']) }}">{{ macros.render_icon({'id':'dice'}) }}<span>All Games</span></a>
      <a class="navbar-item{% if 'table' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['table.html']) }}">{{ macros.render_icon({'id':'search'}) }}<span>Table</span></a>
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link{% if 'filter' in base['active_nav'] %} is-active{% endif %}">{{ macros.render_icon({'id':'filter'}) }}<span>Filter</span></a>
        <div class="navbar-dropdown">
          <a class="navbar-item{% if 'genres' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'genres.html']) }}">{{ macros.render_icon({'id':'price-tag'}) }}<span>By category</span></a>
          <a class="navbar-item{% if 'code language' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'languages.html']) }}">{{ macros.render_icon({'id':'language'}) }}<span>By code language</span></a>
          <a class="navbar-item{% if 'platforms' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'platforms.html']) }}">{{ macros.render_icon({'id':'laptop'}) }}<span>By OS support</span></a>
          <a class="navbar-item{% if 'top' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'top.html']) }}">{{ macros.render_icon({'id':'star'}) }}<span>GitHub/Lab Stars Top List</span></a>
          <a class="navbar-item{% if 'web' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'web.html']) }}">{{ macros.render_icon({'id':'earth'}) }}<span>Playable browser games</span></a>
          <a class="navbar-item{% if 'libre' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'libre.html']) }}">{{ macros.render_icon({'id':'heart'}) }}<span>Open code + artwork</span></a>
          <a class="navbar-item{% if 'kids' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'kids.html']) }}">{{ macros.render_icon({'id':'child'}) }}<span>For Kids</span></a>
        </div>
      </div>
      <a class="navbar-item{% if 'frameworks' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['frameworks', 'index.html']) }}">{{ macros.render_icon({'id':'wrench'}) }}<span>Engines/Tools</span></a>
      <a class="navbar-item{% if 'developers' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['developers', 'index.html']) }}">{{ macros.render_icon({'id':'users'}) }}<span>Developers</span></a>
      <a class="navbar-item{% if 'inspirations' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['inspirations', 'index.html']) }}">{{ macros.render_icon({'id':'bulb'}) }}<span>Inspirations</span></a>
      <a class="navbar-item{% if 'statistics' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['statistics', 'index.html']) }}">{{ macros.render_icon({'id':'stats-dots'}) }}<span>Statistics</span></a>
      <a class="navbar-item{% if 'contribute' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['contribute.html']) }}">{{ macros.render_icon({'id':'pencil'}) }}<span>Contribute</span></a>
      <a class="navbar-item" href="https://github.com/Trilarion/opensourcegames">{{ macros.render_icon({'id':'github'}) }}<span>On GitHub</span></a>
    </div>
  </div>
</nav>
                                {#- content block -#}
{% block content %}{% endblock %}
                                {#- footer -#}
<footer class="footer container content is-size-7">
  <p>The <a href="https://github.com/Trilarion/opensourcegames">Open source games list (OSGL)</a> is a collection of open source game descriptions focusing on technical aspects.
  The content on this site is the result of voluntary work and may be outdated or incorrect. For giving feedback or improving the content see the
  <a href="contribute.html">contribution guidelines</a> or read the <a href="https://trilarion.blogspot.com/search/label/osgames">Blog</a>.</p>
  <p>The content (games descriptions) is licensed <a href="https://github.com/Trilarion/opensourcegames/blob/master/LICENSE">CC-0</a>.
  Used icons are licensed under CC BY-SA 3.0 (<a href="https://github.com/somerandomdude/Iconic">Iconic</a> or <a href="http://designmodo.com/linecons-free/">Linecons</a>), CC0 1.0 (<a href="https://simpleicons.org/">Simple Icons</a>),
  CC BY 4.0 (<a href="https://github.com/FortAwesome/Font-Awesome">Font Awesome</a> or <a href="https://icomoon.io/#icons-icomoon">IcoMoon Free</a>), CC BY-SA 4.0 (<a href="http://www.entypo.com/">Entypo+</a>) or Apache License 2.0 (<a href="https://material.io/resources/icons">Material Icons</a>).
  This website is built using Python, Lark, Jinja2 and Bulma. Last updated: {{ base['creation-date'] }}</p>
</footer>
</body>
</html>